<template>
    <div class="box">
      <!--将接收的value值赋给input元素的value属性，目的是：为了呈现数据 -->
          <!--给input元素绑定原生input事件，触发input事件时，进而触发update:model-value事件-->
      <input 
         type="text" 
         :value="modelValue" 
         @input="emit('update:model-value',(<HTMLInputElement>$event.target).value)"
      >
    </div>
  </template>
  
  <script setup lang="ts" name="AtguiguInput">
    // 接收props
    defineProps(['modelValue'])
    // 声明事件
    const emit = defineEmits(['update:model-value'])

    //(<HTMLInputElement>$event.target).value 就是事件
  </script>